/*
Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license
Click nbfs://nbhost/SystemFileSystem/Templates/JSP_Servlet/CascadeStyleSheet.css to edit this template
*/
/* 
    Created on : 26-feb-2025, 15:15:20
    Author     : AllanNajeraVindas
*/

@media screen and (max-width: 487px) {
    
    .menuBar{
        margin: auto !important;
        max-width: 700px !important;
    }

    .itemMenubarI{
        min-width: 200px !important;
        display: flex !Important;
    }
}

@media screen and (min-width: 488px) and (max-width: 768px) {
    
    .menuBar{
        margin: auto;
        max-width: 700px;
    }

    .itemMenubarI{
        min-width: 100px;
    }

}

@media screen and (min-width: 769px) {
    .menuBar{
        margin: auto;
        max-width: 700px;
    }

    .itemMenubarI{
        min-width: 100px;
    }
}


/* =========================
   COLOR INSTITUCIONAL MENÚ
   ========================= */

/* Item activo del menubar */
.menuBar .ui-menuitem-link.ui-state-active {
    background-color: #FF8200 !important;
    color: #ffffff !important;
}

/* Hover */
.menuBar .ui-menuitem-link.ui-state-hover {
    background-color: #FF9A33 !important; /* naranja más claro */
    color: #ffffff !important;
}

/* Quitar borde azul del foco */
.menuBar .ui-menuitem-link:focus {
    box-shadow: none !important;
}

/* Header del panel menu */
.ui-panelmenu .ui-panelmenu-header.ui-state-active {
    background-color: #FF8200 !important;
    color: #ffffff !important;
}

.ui-panelmenu .ui-panelmenu-header.ui-state-hover {
    background-color: #FF9A33 !important;
    color: #ffffff !important;
}